import React from 'react';
import ReactDOM from 'react-dom';
import { List } from 'react-virtualized';

// import './index.css';

// Grid data as an array of arrays
const list = [];

for (var i = 0; i < 200; i++) {
    list.push(i * 100000000);
}


function rowRenderer({
    key,         // Unique key within array of rows
    index,       // Index of row within collection
    isScrolling, // The List is currently being scrolled
    isVisible,   // This row is visible within the List (eg it is not an overscanned row)
    style        // Style object to be applied to row (to position it)
}) {
    return (
        <div
            key={key}
            style={style}
        >
            {list[index]}
        </div>
    )
}


class TwoView extends React.Component {

    render() {
        return (
            <List
                width={200}
                height={300}
                rowCount={list.length}
                rowHeight={20}
                rowRenderer={rowRenderer}
            />
        );
    }
}
export default TwoView;